<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

    <div>
        <p:panel header="Inicio" style="border:none;">
            <!-- contenido WEB -->
            <p>
                Mantenimiento general de lo que se mostrará y podrá buscar
                la empresa (Empresa Busca RRHH).
            </p>
            <p:separator />
            <div align="center">
                <strong>Registro y Edición</strong>
                <p:separator />
                <h:form id="formRegId">
                    <p:panelGrid columns="2">
                        <p:outputLabel value="TIPO" />
                        <p:selectOneMenu value="#{cVBean.profile.type}">
                            <f:selectItems value="#{cVBean.listTipeProfile}" 
                                           var="tipe"
                                           itemLabel="#{tipe}" itemValue="#{tipe}"/>
                        </p:selectOneMenu>
                        <p:outputLabel value="Descripción" />
                        <p:inputText id="mamaid" value="#{cVBean.profile.name}" />

                    </p:panelGrid>
                    <p:commandButton value="Guardar" update="mamaid,:formTableId"
                                     action="#{cVBean.saveOrUpdateCV()}"/>
                </h:form>
                <p:separator />
                <strong>Muestreo de Datos</strong>
                <p:separator />
                <h:form id="formTableId">
                    <p:outputLabel value="Filtrar Por: " />
                    <p:selectOneMenu value="#{cVBean.tipeProfileSelected}">
                        <f:selectItems value="#{cVBean.listTipeProfile}" 
                                       var="tipe"
                                       itemLabel="#{tipe}" itemValue="#{tipe}"/>
                        <p:ajax event="change" update="tableProfiId"
                                listener="#{cVBean.filterPerType()}" />
                    </p:selectOneMenu>
                    <p:dataTable id="tableProfiId" value="#{cVBean.listProfile}"
                                 var="prof" > 
                        <p:column width="20">
                            <p:menuButton styleClass="menubutton-for-table">  
                                <p:menuitem value="Editar" icon="ui-icon-pencil"
                                            update=":formRegId">  
                                    <f:setPropertyActionListener
                                        target="#{cVBean.profile}"
                                        value="#{prof}" />
                                </p:menuitem> 
                                <p:menuitem value="Eliminar" icon="ui-icon-trash"
                                            update="@form" action="#{cVBean.removeProfile(prof)}" />
                                <p:menuitem value="Eliminar en Cascada" icon="ui-icon-trash"
                                            style="color:red;"
                                            update="@form" action="#{cVBean.removeProfileInCascade(prof)}" />
                            </p:menuButton>
                        </p:column>
                        <p:column headerText="Nombre">
                            #{prof.name}
                        </p:column>
                        <p:column headerText="Tipo">
                            #{prof.type}
                        </p:column>
                    </p:dataTable>
                </h:form>
            </div>

        </p:panel>
    </div>
</ui:composition>

